<template>
  <!--校验的几种方法-->
  <h1>校验的几种方法</h1>
  <div>v-model is: {{ model }}</div>
  <button @click="update">Increment</button>
</template>


<script setup lang="ts">

  // 设置校验方法
  const model = defineModel({
    type:  String, // Boolean | String | Number | Date | Object | Array | Function
    // type: [String, Number], // 多种类型
    default: '', // () => {}
    validator: (value: string, props) => {
      // The value must match one of these strings
      return true // ['success', 'warning', 'danger'].includes(value)
    },
    required: true, // 必填
    // set(value:string){
    //   return value + '校验'
    // }
  })

  console.log('model的结构：', model)
  function update() {
    model.value += '--'
  }
</script>